<template>
  <div class="teacher">
    <t-login v-show="flag" @close-login="close"></t-login>
    <teacher-header />
    
    <div class="main">
      <h1>主体部分</h1> 
    </div>
    <teacher-footer />
  </div>
</template>

<script>
import TeacherHeader from './childComps/THeader'
import TeacherFooter from 'components/common/Footer.vue'

import TLogin from './childComps/TLogin'



export default {
  name:"Teacher",
  data() { 
    return {
      flag:true
    }
  },

  components: {
    TeacherHeader,
    TeacherFooter,
    TLogin
  },

  methods: {
    close(data){
      console.log(data);
      this.flag = data
    }
  }
 }
</script>

<style  scoped>
.main{
  width: 100%;
  height: 1000px;
  background-color: #947b7b;
  color: #f40;
  text-align: center;
  line-height: 1000px;
}
</style>